<template>
    <div class="card">
        <div class="card-header" v-if="$slots.header">
            <slot name="header"></slot>
        </div>
        <div class="card-body" v-if="$slots.body">
            <slot name="body"></slot>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'card',
        props: {
        },
        created() {
            console.log(this.$slots)
        }

    }
</script>
<style lang="scss" scoped>
    @import "card";
</style>
